//全局变量
var offset = window.top.systemScrollWidth;

Ext.onReady(function() {

	var tree_store = Ext.create('Ext.data.TreeStore', {
		root : {
			expanded : true,
			children : [ {
				text : "网络扫描",
				expanded : true,
				children : [ {
					text : "网络工作组" ,
					leaf : true
				}, {
					text : "TCP扫描",
					leaf : true
				}, {
					text : "UDP扫描",
					leaf : true
				}]	
			}, {
				text : "协议分析",
				expanded : true,
				children : [ {
					text : "TCP协议分析",
					leaf : true
				}, {
					text : "UDP协议分析",
					leaf : true
				}, {
					text : "IP协议分析",
					leaf : true
				} ]
			}, {
				text : "XXXX",
				expanded : true,
				children : []
			} ]
		}
	});

	var tree = Ext.create('Ext.tree.Panel', {
		title : '',
		width : 200,
		height : 400,
		store : tree_store,
		rootVisible : false,
		renderTo : Ext.getBody()
	});

	// 初始化tip
		Ext.tip.QuickTipManager.init();
		Ext.apply(Ext.tip.QuickTipManager.getQuickTip(), {
			maxWidth : 300,
			minWidth : 100,
			showDelay : 0
		});		

		// 创建总体Panel容器
		var all_ = Ext
				.create(
						'Ext.Panel',
						{
							renderTo : 'EletricityConstrueBill',
							frame : false,
							title : '',
							border : false,
							width : document
									.getElementById("EletricityConstrueBill").clientWidth - 5,
							height : '100%',
							autoScroll : true,
							margin : '0px 0px 0px 5px',
							items : [ tree ]
						});
	
		// 定义窗口onresize事件
		window.onresize = function() {
			all_
					.setWidth(document.getElementById('EletricityConstrueWid').scrollWidth);
//			chart_
//					.setWidth(document.getElementById('EletricityConstrueWid').scrollWidth);
//			grid_
//					.setWidth(document.getElementById('EletricityConstrueWid').scrollWidth);
		};

	});
